<html>
<head>
    <g:javascript library="jquery" plugin="jquery"/>
	<r:require module="jquery"/>
     <r:layoutResources />
</head>

<body>
	<div id="header">
		<img src="<g:createLinkTo dir='images' file='book_logo.gif'/>" alt="logo" />
	</div>
	
	<ul id="menu">
		<li> 
		   <g:remoteLink action="ajaxRandom" update="displayBook"> Next Random Book </g:remoteLink>
		</li>
		<li> 
		   <g:link action="list"> Book Administration
		</g:link>
		</li>		
	</ul>
	
	<div id="displayBook">
		<table>
			<tr>
				<td>Book Title:</td>
				<td>${aBook.title}</td>
				</tr>
				<tr>
				<td>Book Author:</td>
				<td>${aBook.author}</td>
				</tr>	
			</table>

	</div>
 <r:layoutResources/>
 		
</body>

</html>
